<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>repute</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

    <nav>
        <div class="container clearfix">
            <span><img src="img/repute-1.jpg" alt=""></span>
            <ul class="clearfix">
                    <li class="two"><a href="">HOME<img src="img/repute-31.png" alt=""></a></li>
                    <li><a href="">FEATURES<img src="img/repute-31.png" alt=""></a></li>
                    <li><a href="">PAGES<img src="img/repute-31.png" alt=""></a></li>
                    <li><a href="">PORTFOLIO<img src="img/repute-31.png" alt=""></a></li>
                    <li><a href="">BLOG<img src="img/repute-31.png" alt=""></a></li>
                    <li class="last"><a href="">UPGRADE TO PRO</a></li>
            </ul>
        </div>
    </nav>
    <div class="banner-1">
        <h2>EASY TO CUSTOMIZE</h2>
        <p>Readable code,well documented and FREE support</p>
        <a href="">LEARN MORE</a>
    </div>
    <div class="banner-2">
        <div class="container">
            <div class="row clearfix">
                <div class="col-3">
                    <img src="img/repute-3.jpg" alt="">
                    <p>STRONG STRUCTURE</p>
                </div>
                <div class="col-3 zhong">
                    <img src="img/repute-4.jpg" alt="">
                    <p>GLOBAL SERVICES</p>
                </div>
                <div class="col-3 right">
                    <img src="img/repute-5.jpg" alt="">
                    <p>DYNAMIC CHANGE</p>
                </div>
                <div class="col-3">
                    <img src="img/repute-6.jpg" alt="">
                    <p>EXPONENTIAL GROWTH</p>
                </div>
            </div>
        </div>
    </div>
    <div class="main-1">
        <div class="container">
            <div class="row clearfix">
                <div class="col-6 left">
                    <h3>KNOW BETTER</h3>
                    <p class="pp">......</p>
                    <p class="first">Synergistically procrastinate one-to-one results for
                        accurate platforms.Assertivery whiteboard corporate users whereas dynamic initiatives.</p>
                    <p class="two">Enerigstically architect leading-edge users and inexpensive internal or"ooganic"sources.
                    Distinctively evolve e-business resources agter progressive intellectual capital.Obuectively
                    architect maintainable texhnologies via strategic convergence.Continually optimize
                    stand-alone expertise with e-business e-service.Continually conceptualize chlient-centered
                    opportunities and.</p>
                    <p class="two">Dynamically customize backward-compatible processes via front-end models.Distinctively
                    evisculate an expanded array of scenarios after virtual information.Professiionally
                    predominate technically sound resources through impactful mindshare.Efficientlly drive
                    viral interfaces without inexpensive value.Credibly.</p>
                </div>
                <div class="col-6 right"><img src="img/repute-7.jpg" alt=""></div>
            </div>
        </div>
    </div>
    <div class="main-2">
        <div class="container">
            <div class="row clearfix">
                <div class="col-6">
                    <div class="row clearfix">
                        <div class="col-4">
                            <img src="img/repute-8.jpg" alt="">
                        </div>
                        <div class="col-8">
                            <h3>GOAL ORIENTED</h3>
                            <P>Holisticly harness just in time technologies via corporate scnarios.Intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.</P>
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="row">
                        <div class="col-4">
                            <img src="img/repute-9.jpg" alt="">
                        </div>
                        <div class="col-8">
                            <h3>GOAL ORIENTED</h3>
                            <P>Holisticly harness just in time technologies via corporate scnarios.Intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.</P>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row clearfix">
                <div class="col-6">
                    <div class="row clearfix">
                        <div class="col-4">
                            <img src="img/repute-8.jpg" alt="">
                        </div>
                        <div class="col-8">
                            <h3>GOAL ORIENTED</h3>
                            <P>Holisticly harness just in time technologies via corporate scnarios.Intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.</P>
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="row">
                        <div class="col-4">
                            <img src="img/repute-9.jpg" alt="">
                        </div>
                        <div class="col-8">
                            <h3>GOAL ORIENTED</h3>
                            <P>Holisticly harness just in time technologies via corporate scnarios.Intrinsicly
                                predominate ubiquitous outsourcing through an expanded array of
                                functionalities.</P>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-3">
        <div class="container">
            <img src="img/repute-12.jpg" alt="">
            <h4>ULTRA RESPONSLVE</h4>
            <p>Phosfluorescently revolutionize viralleadership via turnkey technology.Synergistically monetize intermandated
            sstrategix theme areas through multimedia based.</p>
            <ul class="clearfix">
                <li><a href="">Responsive</a></li>
                <li><a href="">Easy to Customize</a></li>
                <li><a href="">Design</a></li>
                <li><a href="">Free Updates & Support</a></li>
            </ul>
        </div>
    </div>
    <div class="main-4">
        <div class="container">
            <h3>RECENT WORKS</h3>
            <p>......</p>
            <a href="">See all works</a>
            <div class="row clearfix">
                <div class="col-4">
                    <div class="box"><img src="img/repute-13.jpg" alt=""></div>
                </div>
                <div class="col-4">
                    <div class="box"><img src="img/repute-14.jpg" alt=""></div>
                </div>
                <div class="col-4">
                    <div class="box"><img src="img/repute-15.jpg" alt=""></div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-5">
        <div class="container">
            <h4>LATEST NEWS</h4>
            <p class="ppp">......</p>
            <div class="row clearfix">
                <div class="col-4">
                    <div class="box">
                        <img src="img/repute-16.jpg" alt="">
                        <h6>In Demand:Collaboration Skill</h6>
                        <p>Proactively engage orthogonal growth strategies without
                        resource-leveling testing procedures.Seamlessly
                        predominate interoperable growth strategies.</p>
                        <span>23-02-2015</span>
                        <span>65 Comments</span>
                    </div>
                </div>
                <div class="col-4 col">
                    <div class="box">
                        <div class="row-2 clearfix">
                            <div class="col-5">
                                <img src="img/repute-17.jpg" alt="">
                            </div>
                            <div class="col-7">
                                <h6>Growth strategies We Must k</h6>
                                <p>Proactively engage orthogonal growth strategies
                                    without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="row-2 clearfix">
                            <div class="col-5">
                                <img src="img/repute-18.jpg" alt="">
                            </div>
                            <div class="col-7">
                                <h6>Growth strategies We Must k</h6>
                                <p>Proactively engage orthogonal growth strategies
                                    without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="row-2 clearfix">
                            <div class="col-5">
                                <img src="img/repute-19.jpg" alt="">
                            </div>
                            <div class="col-7">
                                <h6>Growth strategies We Must k</h6>
                                <p>Proactively engage orthogonal growth strategies
                                    without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-4 col">
                    <div class="box">
                        <div class="row-2 clearfix">
                            <div class="col-5">
                                <img src="img/repute-20.jpg" alt="">
                            </div>
                            <div class="col-7">
                                <h6>Growth strategies We Must k</h6>
                                <p>Proactively engage orthogonal growth strategies
                                    without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="row-2 clearfix">
                            <div class="col-5">
                                <img src="img/repute-21.jpg" alt="">
                            </div>
                            <div class="col-7">
                                <h6>Growth strategies We Must k</h6>
                                <p>Proactively engage orthogonal growth strategies
                                    without resource-leveling testing procedures.</p>
                            </div>
                        </div>
                        <div class="row-2 clearfix">
                            <a href="">Sell all news</a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-6">
        <div class="container">
            <ul class="clearfix">
                <li>
                    <p><img src="img/repute-22.jpg" alt="">5200</p>
                    <p>SUBSCRIBERS</p>
                </li>
                <li>
                    <p><img src="img/repute-23.jpg" alt="">273</p>
                    <p>SUBSCRIBERS</p>
                </li>
                <li>
                    <p><img src="img/repute-24.jpg" alt="">640K</p>
                    <p>SUBSCRIBERS</p>
                </li>
                <li>
                    <p><img src="img/repute-25.jpg" alt="">132</p>
                    <p>SUBSCRIBERS</p>
                </li>

            </ul>
        </div>
    </div>
    <div class="footer-1">
        <div class="container clearfix">
            <div class="left">
                <p>GET IN TOUCH</p>
            </div>
            <div class="right">
                <span>Call us at(1800)765-4321 or <a href="">CONTACT US</a></span>

            </div>
        </div>
    </div>
    <div class="footer-2">
        <div class="container">
            <div class="row clearfix">
                <div class="col col-3">
                    <div class="box">
                        <img src="img/repute-26.jpg" alt="">
                        <p>Proactively aggregate B2B initiatives before extensive
                        channels.Monotonectally extend interactive methods of
                        empowerment through excellent applications.Rapidiously
                        synergize visionary products with sticky technology.</p>
                        <p><br /></p>
                        <p>1234 North Main Street</p>
                        <p>New York,NY 222222</p>
                        <p>Phone:(1800)765-4321</p>
                        <p>Email:email@yourdomain.com</p>
                    </div>
                </div>
                <div class="col col-2">
                    <h5>USEFUL LINKS</h5>
                    <ul>
                        <li><a href="">About Us</a></li>
                        <li><a href="">News</a></li>
                        <li><a href="">Community</a></li>
                        <li><a href="">Career</a></li>
                        <li><a href="">Blog</a></li>
                    </ul>
                </div>
                <div class="col col-2">
                    <h5><br /></h5>
                    <ul>
                        <li><a href="">Press Kit</a></li>
                        <li><a href="">FAQ</a></li>
                        <li><a href="">Terms</a></li>
                        <li><a href="">Privacy Policy</a></li>
                        <li><a href="">Contact Us</a></li>
                    </ul>
                </div>
                <div class="col col-5">
                    <h5>NEWSLETTER</h5>
                    <p>Get the latest update from us by subscribing to our newsletter.</p>
                    <form action="">
                        <input placeholder="yourmail@domain.com">
                        <button>SUBSCRIBE</button>
                    </form>
                    <h5>GET CONNECTED</h5>
                    <p>
                        <a href=""><img src="img/repute-27.jpg" alt=""></a>
                        <a href=""><img src="img/repute-28.jpg" alt=""></a>
                        <a href=""><img src="img/repute-29.jpg" alt=""></a>
                        <a href=""><img src="img/repute-30.jpg" alt=""></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-3">
        <div class="container">
            <p>More Templates-Collect from</p>
        </div>
    </div>


</body>
</html>